<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Promise介绍</title>
</head>
<body>
    
</body>
<script>
    //es6 promise对象，是异步编程的一种解决方案，比传统的回调函数和事件更合理和更强大。
    //解决异步，回调地狱的问题
    //Promise对象有三种状态：pending（进行中）、fulfilled（已成功）、rejected（已失败）
    let api =  new Promise((resolve, reject) => {
        setTimeout(() => {
            if(true){//promise状态为pending
                resolve('ok')//成功
            }else{
                reject('error')//失败
            }
        }, 2000)
    }
    );

    //api =>promise
    //api.then() => promise.then()
    api.then((res) => {
        console.log(res);
        console.log('promise成功');
        
    })
    .catch((err) => {
        console.log(err);
        console.log('promise失败');
    })//失败的回调函数
</script>
</html>